<template>
	<view class="">
		<headerinfo></headerinfo>
		<view class="width60">
			<view class="page friend_Page">
				<u-navbar title="收藏"  :autoBack="true"></u-navbar>
				
				
				<view class="content" v-if="listData.length > 0">
					<view class="card" v-for="(item, index) in listData" :key="index">
						<new-item @share="share" :new="item" :showDelete="false" :myarticle="false" :newIndex='index' ></new-item></view>
						
						<view class="nomore">
							没有更多了 ~
						</view>
				</view>
				
				<nodata top="30%" v-if="listData.length == 0"></nodata>
				
			</view>
		</view>
		
		<uni-popup ref="popup" type="bottom">
			<share @closeDia="closeDia"></share>
		</uni-popup>
	</view>
	
</template>

<script>
	import share from '@/components/share/share.vue'
	import newItem from './components/new-item.vue';
	export default {
		components: {
			newItem,
			share
		},
		data() {
			return {
				query:{
					lastDocId:"",
					pageSize:10,
					username:''
				},
				listData:[]
			};
		},
		onLoad(e) {
			this.query.username =e .username
			this.getData()
		},
		onReachBottom() {
				this.getData();
		},
		onShow() {
			
		},
		methods: {
			getData(){
				this.$api2.getUserFavorite(this.query).then(res => {
					if (res.lastDocId) {
						this.query.lastDocId = res.lastDocId;
						this.listData = [...this.listData, ...res.list];
					} else {
						this.query.lastDocId = '';
						this.listData = res.list;
					}
				})
			},
			// 分享到朋友圈
			onShareTimeline() {
				let data = {
					title: '来自好友的分享', // 默认是小程序的名称
					path: `/pagesfriend/tabbar/index`, // 默认是当前页面，必须是以‘/’开头的完整路径
					imageUrl: '', // 图片封面，本地文件路径、网络图片路，支持PNG及JPG，默认当前页面截图，显示图片长宽比是 5:4。
					success: res => {
						// 分享成功
						if (res.errMsg == 'shareAppMessage:ok') {}
					},
					fail: res => {
						// 用户取消
						if (res.errMsg == 'shareAppMessage:fail cancel') {}
						// 分享失败
						if (res.errMsg == 'shareAppMessage:fail') {}
					},
					complete: res => {}
				}
				return data
			},
			// 分享给好友
			onShareAppMessage(options) {
			
				// 设置菜单中的转发按钮触发转发事件时的转发内容
				var shareObj = {
					title: '来自好友的分享', // 默认是小程序的名称(可以写slogan等)
					desc: '', // 小程序的描述
					path: `/pagesfriend/tabbar/index`, // 默认是当前页面，必须是以‘/’开头的完整路径
					imageUrl: '', // 图片封面，本地文件路径、网络图片路，支持PNG及JPG，默认当前页面截图，显示图片长宽比是 5:4。
					success: function(res) {
						// 转发成功之后的回调
			
						if (res.errMsg == 'shareAppMessage:ok') {
							console.log(res)
			
						}
					},
			
				}
			
				// 返回shareObj
				return shareObj;
			},
			share() {
				this.$refs.popup.open('bottom')
			},
			closeDia() {
				this.$refs.popup.close()
			},
		}
	};
</script>

<style>
	page {
		background-color: #f2f2f2;
	}
</style>
<style lang="scss" scoped>
</style>